<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            height:300px;
            width:200px;
            background: #000;
        }
    </style>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script>
       $(function(){
           $("#btn").click(function(){
               /*
                    fadeTo()的作用：改变不透明度的值
                    第一个参数：动画执行的时长
                    第二个参数：不透明度的值
                */
               //$("div").fadeTo(2000,0.4);

               $("div").fadeTo(2000,0.3,function(){
                   alert("不透明度改变成功");
               })
           })
       })
    </script>
</head>
<body>
  <input type="button" value="改变不透明度" id="btn">
  <div></div>
</body>
</html>